<!doctype html>
<html lang="zh">
<head>
    <title>人脸识别页</title>
    <meta charset="utf-8">
</head>
<script type="text/javascript" th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/Getface.js}"></script>
<style>
    .getface {
        position: absolute;
        top: 20%;
        left: 35%;
    }

    .tishi {
		padding-top: 50px;
		color: goldenrod;
        font-size: 20px;

    }
</style>
<body style="background-color: rgb(39,43,44) ">
<div align="center">
    <p id="flag" class="tishi"></p>
</div>
<div class="getface">
    <video id="video" width="400px" height="400px" autoplay="autoplay"></video>
    <canvas id="canvas" width="400px" height="400px" style="display: none;"></canvas>
    <img id="imgTag" src="" alt="imgTag" style="display: none;">
</div>

</body>